<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="lib/bootstrap3/css/bootstrap.css">
    <script type="text/javascript" src="lib/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap3/js/bootstrap.js"></script>
    <style type="text/css">
        /*notice*/
        .notice {
            padding: 20px;
            margin: 20px 0;
            border: 1px solid #eee;
            border-left-width: 5px;
            border-radius: 3px;
        }

        .notice-success {
            border-left-color: #80D651;
        }
        .notice-info {
            border-left-color: #1b809e;
        }
        .notice-warning {
            border-left-color: #aa6708;
        }
        .notice-danger {
            border-left-color: #ce4844;
        }

    </style>

    <script type="text/javascript">
        $(function() {

            var settings = {
                on: {
                    icon: 'glyphicon glyphicon-check'
                },
                off: {
                    icon: 'glyphicon glyphicon-unchecked'
                }
            };
            $('#radioBtn a').on('click', function(){

                var sel = $(this).data('title');
                var tog = $(this).data('toggle');
                var color = $(this).data('color');


                $('#'+tog).prop('value', sel);

                $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass().addClass('btn btn-default notActive');
                $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('btn-'+color+' active');

//                                        var icon = $(this).find('state-icon');
//                                        console.log(icon);
            })
        });
    </script>
</head>
<body>
<!--header Start-->
<div class="header"></div>
<!--header End-->

<!--container Start-->
<div class="container">
    <div class="row">

        <!--main Start-->
        <div class="col-md-9">

            <div>
                <h1 class="page-header" id="js-overview">护理计划</h1>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">护士了解患者病情及诊疗计划</h3>
                    </div>
                    <div class="panel-body">

                        <div class="notice notice-danger">
                            <h4>第1名护士了解患者病情情况</h4>
                            <div class="input-group">
                                <div id="radioBtn">
                                    <a class="btn btn-default notActive" data-color="success" data-toggle="fun" data-title="Y">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 优秀
                                    </a>
                                    <a class="btn btn-default notActive" data-color="info" data-toggle="fun" data-title="L">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 良好
                                    </a>
                                    <a class="btn btn-default notActive" data-color="warning" data-toggle="fun" data-title="J">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="danger" data-toggle="fun" data-title="B">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 不及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="primary" data-toggle="fun" data-title="K">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 空缺
                                    </a>
                                </div>
                                <input type="hidden" name="fun" id="fun">
                            </div>

                            <h4>第1名护士了解患者诊疗计划情况</h4>
                            <div class="input-group">
                                <div id="radioBtn">
                                    <a class="btn btn-default notActive" data-color="success" data-toggle="fun" data-title="Y">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 优秀
                                    </a>
                                    <a class="btn btn-default notActive" data-color="info" data-toggle="fun" data-title="L">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 良好
                                    </a>
                                    <a class="btn btn-default notActive" data-color="warning" data-toggle="fun" data-title="J">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="danger" data-toggle="fun" data-title="B">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 不及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="primary" data-toggle="fun" data-title="K">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i> 空缺
                                    </a>
                                </div>
                                <input type="hidden" name="fun" id="fun">
                            </div>
                        </div>

                        <div class="notice notice-danger">
                            <h4>第2名护士了解患者病情情况</h4>
                            <div class="input-group">
                                <div id="radioBtn">
                                    <a class="btn btn-default notActive" data-color="success" data-toggle="fun" data-title="Y">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>优秀
                                    </a>
                                    <a class="btn btn-default notActive" data-color="info" data-toggle="fun" data-title="L">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>良好
                                    </a>
                                    <a class="btn btn-default notActive" data-color="warning" data-toggle="fun" data-title="J">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="danger" data-toggle="fun" data-title="B">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>不及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="primary" data-toggle="fun" data-title="K">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>空缺
                                    </a>
                                </div>
                                <input type="hidden" name="fun" id="fun">
                            </div>
                            <h4>第2名护士了解患者诊疗计划情况</h4>
                            <div class="input-group">
                                <div id="radioBtn">
                                    <a class="btn btn-default notActive" data-color="success" data-toggle="fun" data-title="Y">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>优秀
                                    </a>
                                    <a class="btn btn-default notActive" data-color="info" data-toggle="fun" data-title="L">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>良好
                                    </a>
                                    <a class="btn btn-default notActive" data-color="warning" data-toggle="fun" data-title="J">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="danger" data-toggle="fun" data-title="B">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>不及格
                                    </a>
                                    <a class="btn btn-default notActive" data-color="primary" data-toggle="fun" data-title="K">
                                        <i class="state-icon glyphicon glyphicon-unchecked"></i>空缺
                                    </a>
                                </div>
                                <input type="hidden" name="fun" id="fun">
                            </div>
                        </div>

                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">护理问题与评估结果相符合</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">护理目标可测量，符合病人病情</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">护理措施切实可行，与诊断/问题、预期结果相一致</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">有适时的护理评价及计划修正</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
            </div>

            <div>
                <h1 class="page-header" id="qqqq">护理措施</h1>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">各项无菌操作符合要求</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
            </div>

            <div>
                <h1 class="page-header" id="wwww">防范与减少患者压疮发生</h1>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">各项无菌操作符合要求</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
            </div>

            <div>
                <h1 class="page-header" id="wwww">输血护理</h1>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">护士知晓输血相关制度（提血，血液输注、保存，输后处置等)</h3>
                    </div>
                    <div class="panel-body">
                        <h2></h2>
                    </div>
                </div>
            </div>

            <div>
                <h1 class="page-header" id="wwww">遵医嘱使用约束具（约束具种类、约束部位、约束时间）</h1>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">护士知晓输血相关制度（提血，血液输注、保存，输后处置等)</h3>
                    </div>
                    <div class="panel-body">
                        <div class="notice notice-danger">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--main End-->

        <!--slider Start-->
        <div class="col-md-3">
            <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix">
                <ul class="nav bs-docs-sidenav">
                    <li class=""><a href="#js-overview">护理计划</a></li>
                    <li class=""><a href="#qqqq">护理措施</a></li>
                </ul>
                <a class="back-to-top" href="#top">
                    返回顶部
                </a>
                <a href="#" class="bs-docs-theme-toggle" role="button">禁用主题预览</a>
            </nav>
        </div>
        <!--slider End-->

    </div>
</div>
<!--container End-->

<!--footer Start-->
<div class="footer"></div>
<!--footer End-->
</body>
</html>